<template>
    <el-dialog
        title="提示"
        :visible="sceneProspectFlag"
        width="65%"
        center
        @close="clonseDialog"
        :close-on-click-modal="false"
        :destroy-on-close="true"
        :lock-scroll="false"
    >
        <span slot="title">现场勘察</span>
        <!-- 流程进度 -->
        <!--    <div class="workflow-progress">-->
        <!--      <p class="title">流程进度</p>-->
        <!--      <div class="progress"></div>-->
        <!--    </div>-->
        <!-- 工单基本信息 -->
        <div class="content">
            <p class="title">工单基本信息</p>
            <div class="base_info">
                <div>工单编号：{{ selectionForDialog.workOrderNo }}</div>
                <div>工单名称：{{ selectionForDialog.orderProjectName }}</div>
                <div>工程面积：{{ selectionForDialog.renovationTotalArea }}</div>
            </div>
            <div class="base_info">
                <div>工程地址： {{ selectionForDialog.orderProjectAddress }}</div>
                <div>甲方联系人：{{ selectionForDialog.followUpEmp }}</div>
                <div>甲方联系电话：{{ selectionForDialog.followUpPhone }}</div>
            </div>
        </div>
        <!-- 现场照片上传 -->
        <div class="scene-pic-upload">
            <p class="title">现场照片上传</p>
            <!-- 左边 -->
            <div class="pic-wrap">
                <div class="pic-left">
                    <!-- 门槛整体 -->
                    <div>
                        <div class="pic_title">门槛整体</div>
                        <div class="pic-upload">
                            <Upload :uploadImage.sync="doorGlobalObj.reconnaissanceFiles"></Upload>
                        </div>
                        <p>最多五张，单个图片不超过10M</p>
                    </div>
                    <!-- 室外门口 -->
                    <div>
                        <div class="pic_title">室外门口</div>
                        <div class="pic-upload">
                            <Upload :uploadImage.sync="outRoomObj.reconnaissanceFiles"></Upload>
                        </div>
                        <p>最多五张，单个图片不超过10M</p>
                    </div>
                    <!-- 室内整体 -->
                    <div>
                        <div class="pic_title">室内整体</div>
                        <div class="pic-upload">
                            <Upload :uploadImage.sync="insideGlobalObj.reconnaissanceFiles"></Upload>
                        </div>
                        <p>最多五张，单个图片不超过10M</p>
                    </div>
                    <!-- 卫生间 -->
                    <div>
                        <div class="pic_title">卫生间</div>
                        <div class="pic-upload">
                            <Upload :uploadImage.sync="wcRoomObj.reconnaissanceFiles"></Upload>
                        </div>
                        <p>最多五张，单个图片不超过10M</p>
                    </div>
                    <!-- 其它 -->
                    <div>
                        <div class="pic_title">其它</div>
                        <div class="pic-upload">
                            <Upload :uploadImage.sync="otherChooseObj.reconnaissanceFiles"></Upload>
                        </div>
                        <p>最多五张，单个图片不超过10M</p>
                    </div>
                </div>
                <div class="pic-right">
                    <!-- 室内天花 -->
                    <div>
                        <div class="pic_title">室内天花</div>
                        <div class="pic-upload">
                            <Upload :uploadImage.sync="insideCeilObj.reconnaissanceFiles"></Upload>
                        </div>
                        <p>最多五张，单个图片不超过10M</p>
                    </div>
                    <!-- 室内地面 -->
                    <div>
                        <div class="pic_title">室内地面</div>
                        <div class="pic-upload">
                            <Upload :uploadImage.sync="insideGroundObj.reconnaissanceFiles"></Upload>
                        </div>
                        <p>最多五张，单个图片不超过10M</p>
                    </div>
                    <!-- 室内墙面 -->
                    <div>
                        <div class="pic_title">室内墙面</div>
                        <div class="pic-upload">
                            <Upload :uploadImage.sync="insideSurfaceObj.reconnaissanceFiles"></Upload>
                        </div>
                        <p>最多五张，单个图片不超过10M</p>
                    </div>
                    <!-- 拆除项 -->
                    <div>
                        <div class="pic_title">拆除项</div>
                        <div class="pic-upload">
                            <Upload :uploadImage.sync="disposalObj.reconnaissanceFiles"></Upload>
                        </div>
                        <p>最多五张，单个图片不超过10M</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 原始布局图 -->
        <div class="origin-layout">
            <p class="title">原始布局图</p>
            <div>
                <div class="pic-upload">
                    <UploadFiles :uploadFile.sync="originLayoutObj" :limitSize="1"></UploadFiles>
                </div>
                <p>文件格式WORD/EXCEL/JPG/PNG/GIF/PDF/ZIP</p>
            </div>
        </div>
        <span slot="footer" class="dialog-footer">
            <el-button @click="clonseDialog">取 消</el-button>
            <template v-if="selectionForDialog.canReconnaissance">
                <el-button type="primary" @click="saveDialog">保存</el-button>
                <el-button type="primary" @click="submitDialog">提交</el-button>
            </template>
        </span>
    </el-dialog>
</template>

<script>
import ScenDialog from './SceneDialog.js';
export default {
    ...ScenDialog
};
</script>

<style scoped lang="less">
@import './SceneDialog.less';
</style>
